<template>
  <div class="everyDayKind">
    <div class="chooseWeek">
      <p class="tishi">开启日行一善后，系统将定时提醒您进行捐款！</p>
      <group title="当前状态">
        <x-switch :title="ifOpen" v-model="stringValue" @on-change="switchChange"></x-switch>
      </group>
      <group title="提醒周期">
        <checklist title="" :label-position="labelPosition" required :disabled="disabled01" :options="commonList1" v-model="checklist01" @on-change="changeall"></checklist>
        <checklist title="" :label-position="labelPosition" required :disabled="disabled02" :options="commonList" v-model="checklist02" @on-change="change"></checklist>
      </group>
      <group title="提醒时间">
        <cell title="提醒时间" is-link @click.native="timeDate"><span v-model="thetime">{{thetime}}</span></cell>
      </group>
      <div class="benBox">
        <div class="openDayGood" @click="pramise">保存</div>
        <div class="closeD" @click="obtain()">取消</div>
      </div>
    </div>
    <div class="grgoupbox">
      <div v-transfer-dom>
        <popup v-model="showgr" position="bottom" max-height="50%" >
          <div style="padding: 15px;background-color: #ffffff;">
            <div style="float: right;color: #91d047;font-size: 16px" @click="closegr">确定</div>
            <picker :data='years1' v-model='time04' @on-change='changepicker'></picker>
          </div>
        </popup>
      </div>
    </div>
  </div>
</template>

<script src="./everyDayKind.js"></script>
